.f-l{
  float: left;
}
.f-r{
  float: right;
}
.c-w{
  color: #ffffff;
}

.c-r{
  color: red;
}

.clear{
  clear: both;
}

.d-ib{
  display: inline-block;
}

.c-c{
  color: #CCCCCC;
}
.pick-color{
  color: #A5A4A5!important;
}



.va-t {
  vertical-align: top;
}

.ta-c {
  text-align: center;
}

.bg-f6 {
  background-color: #f6f6f6;
}

.bg-w {
  background-color: #fff;
}

.bg-w-important {
  background-color: #fff!important;
}
.va-m{
  vertical-align: middle;
}

.va-b {
  vertical-align: bottom;
}
.p-r {
  position: relative;
}
.p-a {
  position: absolute;
}
.h-1{
  height: 100%;
}
.w-1{
  width: 100%;
}


.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.di-f{
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex; /* Firefox 18+ */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

}


.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3
}


.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-pack-space-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}


.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-pack-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}


.flex-pack-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.flex-direction-bottom {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  -webkit-box-pack: end;
  -ms-box-pack: end
}

.flex-warp {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}



.border-top-1{
  border-top:1px solid  #f6f6f6;
}
.border-bottom-1{
  border-bottom:1px solid  #f6f6f6;
}

.border-left-1{
  border-left:1px solid  #f6f6f6;
}
.border-right-1{
  border-right:1px solid  #f6f6f6;
}

.text-028-333{
  font-size:0.28rem;
  color:rgba(51,51,51,1);
}
.text-028-666{
  font-size:0.27rem;
  color:rgba(102,102,102,1);
}

.text-028-999{
  font-size:0.27rem;
  color:rgba(153,153,153,1);
}

.text-032-333{
  font-size:0.31rem;
  color:rgba(51,51,51,1);
}
.text-035-333{
  font-size:0.34rem;
  color:rgba(51,51,51,1);
}
.text-035-fff{
  font-size:0.34rem;
  color:rgba(255,255,255,1);
}
.text-030-333{
  font-size:0.29rem;
  color:rgba(51,51,51,1);
}

.text-030-999{
  font-size:0.29rem;
  color:rgba(153,153,153,1);
}
.text-030-666{
  font-size:0.29rem;
  color:rgba(102,102,102,1);
}
.text-037-333{
   font-size:0.36rem;
   color:rgba(51,51,51,1);
 }
.text-037-666{
  font-size:0.36rem;
  color:rgba(102,102,102,1);
}
.text-037-ccc{
  font-size:0.37rem;
  color:rgba(204, 204, 204, 1);
}

.text-037-999{
  font-size:0.36rem;
  color:rgba(153,153,153,1);
}

.text-032-999{
  font-size:0.31rem;
  color:rgba(153,153,153,1);
}

.text-04-333{
  font-size:0.37rem;
  color:rgba(51,51,51,1);
}

